<link href="tabs.css" rel="stylesheet" type="text/css" />
<ol id="toc">
    <li><a href="#page-1"><span>Discuss With Us</span></a></li>
    <li><a href="#page-2"><span>Discuss With Each Other</span></a></li>
    <li><a href="#page-3"><span>Join a Live Discussion</span></a></li>
</ol>
<div class="content" id="page-1">
<iframe src="http://login.therealnews.com/discussiongroups/showroom.php?roomid=1" width="100%" height="800" scrolling="no" frameborder="0"></iframe>
</div>
<div class="content" id="page-2">
<iframe src="http://login.therealnews.com/discussiongroups/showroom.php?roomid=2" width="100%" height="800" scrolling="no" frameborder="0"></iframe>
</div>
<div class="content" id="page-3">
<iframe src="http://login.therealnews.com/discussiongroups/showroom.php?roomid=3" width="100%" height="800" scrolling="no" frameborder="0"></iframe>
</div>
<script src="activatables.js" type="text/javascript"></script>
<script type="text/javascript">
activatables('page', ['page-1', 'page-2', 'page-3']);
</script>